<template>
  <view class="main dispaly-col-center">
    <view class="title">新成员通知</view>
    <view class="time">{{ data.createTime }}</view>
    <view class="desc">
      <view class="middle dispaly-center">
        <view class="name">{{ data.nickName }}</view>
        <view class="desc">加入</view>
        <view class="name">{{ data.circleName }}</view>
        <view class="desc">快去欢迎新成员吧！</view>

      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";
const data = ref({})
onLoad((option) => {
  data.value = JSON.parse(option.data)
});


</script>

<style lang="scss" scoped>
.main {
  padding: 46rpx 76rpx;

  .title {
    font-family: PingFang SC Regular;
    font-size: 32rpx;
    color: #111111;
  }

  .time {
    font-family: PingFang SC Regular;
    font-size: 24rpx;
    color: #999999;
    margin: 20rpx 0 44rpx 0;
  }

  .desc {
    font-family: PingFang SC Regular;
    font-size: 26rpx;
    color: #111111;
  }
}
</style>
